<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<form class="form-horizontal" role="form">
  <div class="form-group">
    <label for="firstname" class="col-sm-2 control-label">手机号</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="firstname"
             placeholder="请输入手机号"><button type="button" id="sendTel">发送验证码</button>
    </div>
  </div>
  <div class="form-group">
    <label for="lastname" class="col-sm-2 control-label">验证码</label>
    <div class="col-sm-10">
      <input type="text" class="form-control" id="lastname"
             placeholder="请输入验证码">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="button" class="btn btn-default" id="submit">确定</button>
    </div>
  </div>
</form>

</body>
</html>
<script>
  $(function (){
    $('#sendTel').click(function (){
      var tel=$('#firstname').val()
      $.ajax({
        url:"{:url('/sendTel')}",
        data:{tel:tel},
        dataType:'json',
        type:'post',
      })
    })


    $('#submit').click(function (){
      var tel=$('#firstname').val()
      var code=$('#lastname').val()
      $.ajax({
        url:"{:url('/changeTel')}",
        data:{tel:tel,code:code},
        dataType:'json',
        type:'post',
        success:function (e){
          if(e.code==200){
            location.href='telPage'
          }
        }
      })
    })
  })
</script>